@import "../../../css/global";

$rem: 7.5rem / 2717;

body {
  background: white !important;
  .status-bar, .header {
    width: 100%;
  }
}

.main {
  width: 2563*$rem;
  height: 2966*$rem;
  margin-top: 144*$rem;
  padding: 212*$rem 146*$rem;
  background: rgba(255, 255, 255, 1);
  border-radius: 100*$rem;
  box-shadow: 0*$rem 0*$rem 51*$rem rgba(4, 0, 0, 0.48);
}

.line {
  height: 0.01rem;
  border-bottom: .01rem solid #bababa;
}

.explain {
  height: 403*$rem;
  margin: 0 127*$rem;
  & > div {
    .icon {
      display: inline-block;
      width: .4rem;
      height: .4rem;
      margin: 0 .12rem 0 .24rem;
      background: url("../../../img/ic_list_warn.png") center no-repeat;
      background-size: contain;
    }
    span {
      height: .4rem;
      font-size: 72*$rem;
      line-height: 72*$rem;
      &:nth-child(2) {
        color: rgba(220, 85, 3, 1);
      }
      &:nth-child(3) {
        margin-left: 80*$rem;
        color: rgba(255, 0, 0, 1);
      }
      &:nth-child(4) {
        color: rgba(0, 0, 0, 1);
      }
    }
  }
}

.info {
  & > div:nth-child(1) {
    display: none;
  }
}

.input, .select, .date {
  height: 302 * $rem;
  margin: 0 .3rem;
}

.input {
  div {
    width: 2.5rem;
    height: 107*$rem;
    font-size: 107*$rem;
    color: rgba(0, 0, 0, 1);
    line-height: 107*$rem;
  }
  input {
    width: 4.4rem !important;
    height: .32rem !important;
    font-size: .28rem !important;
    color: rgba(0, 0, 0, 1) !important;
    line-height: .32rem !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-user-select: text !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: none !important;
    background-color: #fff !important;
    -webkit-appearance: none !important;
    text-align: right;
  }
  .img {
    width: 1.26rem;
    height: 1.26rem;
    margin:.1rem;
    border-radius: .63rem;
  }
}

.select, .date {
  div {
    width: 2.5rem;
    height: 107*$rem;
    font-size: 107*$rem;
    color: rgba(0, 0, 0, 1);
    line-height: 107*$rem;
  }
  span {
    width: 4rem;
    height: .32rem;
    font-size: .28rem;
    color: rgba(250, 48, 45, 1);
    line-height: .32rem;
    &.selected {
      color: rgba(34, 34, 34, 1);
    }
  }
  .arrow {
    width: .2rem;
    height: .2rem;
    margin-left: .2rem;
    background: url("../../../img/ic_list_arrow_right.png") center no-repeat;
    background-size: contain;
  }
}

.remark {
  display: none;
  margin: 0 .3rem .2rem;
  &.js_show {
    display: block;
  }
  div {
    font-size: 107*$rem;
    color: rgba(220, 220, 220, 1);
    line-height: 107*$rem;
  }
}

.footer {
  height: auto;
  background: none;
  button {
    width: 1057*$rem;
    height: 223*$rem;
    margin: 144*$rem;
    background: rgba(255, 0, 0, 1);
    font-size: 100*$rem;
    color: rgba(255, 255, 255, 1);
    line-height: 100*$rem;
    border-radius: 0.1rem;
  }
}

.matching {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  .img {
    width: 2.5rem;
    height: 2.5rem;
    div {
      font-size: .24rem;
      line-height: .24rem;
      color: black;
    }
  }
}